﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="creditPay.aspx.cs" Inherits="Web.frontStage.creditPay" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>TemplateWorld.com Template - Web 2.0</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        <!
        -- body
        {
            font: 12px Arial,Verdana,Tahoma;
        }
        *
        {
            padding: 0px;
            margin: 0px;
        }
        * li
        {
            list-style: none;
        }
        a
        {
            text-decoration: none;
            color: #20537A;
        }
        a:hover
        {
            text-decoration: underline;
        }
        .clearfix:after
        {
            content: "\0020";
            display: block;
            height: 0;
            clear: both;
        }
        .clearfix
        {
            _zoom: 1;
        }
        * + html .clearfix
        {
            overflow: auto;
        }
        .menu_navcc
        {
            width: 985px;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
        }
        .menu_nav
        {
            width: 970px;
            height: 48px;
            background: url(images/nav_bg.gif) repeat-x;
            float: left;
            margin-top: 18px;
        }
        .menu_nav .nav_content
        {
            padding-left: 25px;
            background: url(images/nav_l_bg.gif) no-repeat;
            float: left;
        }
        .menu_nav .nav_content li
        {
            width: 88px;
            height: 40px;
            padding-left: 15px;
            padding-right: 13px;
            background: url(images/nav_li_right.gif) no-repeat right center;
            float: left;
            line-height: 48px;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
        }
        .menu_nav .nav_content li a
        {
            color: #fff;
            width: 88px;
            height: 48px;
            display: block;
        }
        .menu_nav .nav_content li.current
        {
            line-height: 37px;
        }
        .menu_nav .nav_content li em
        {
            background: url(images/bid_new.gif) no-repeat;
            width: 35px;
            height: 21px;
            display: inline-block;
            position: absolute;
            top: -20px;
            left: 40px;
        }
        .menu_nav .nav_content li.current a, .menu_nav .nav_content li a:hover
        {
            width: 88px;
            height: 37px;
            background: url(images/nav_li_current.gif) no-repeat;
            display: block;
            color: #fff;
        }
        .menu_nav .nav_content li a:hover
        {
            background: url(images/nav_li_hover.gif) no-repeat;
            line-height: 37px;
            text-decoration: none;
        }
        .menu_nav_right
        {
            padding-right: 20px;
            background: url(images/nav_r_bg.gif) no-repeat right top;
            float: right;
            margin-left: 50px;
            padding-top: 13px;
            height: 23px;
            padding-bottom: 12px;
        }
        p
        {
            margin-bottom: 15px;
            height: 356px;
        }
        -- ></style>
    <style type="text/css">
        <!
        -- .STYLE6
        {
            color: #9D0A0A;
            font-size: large;
            font-weight: bold;
        }
        .STYLE8
        {
            font-size: small;
        }
        .STYLE11
        {
            font-family: Fixedsys, "仿宋" , System;
            font-weight: bold;
            font-size: small;
        }
        -- ></style>
    <style type="text/css">
        body
        {
            font-size: 12px;
        }
        /* 当前模块的总宽度为250px，不合适的自己调整吧，另外改变相关图片的路径的话注意修改css样式代码的图片路径 */
        #slidingBlock
        {
            width: 975px;
            border: 1px solid #F5E3D5;
            over-flow: hidden;
            float: none;
            clear: none;
            height: 270px;
            clip: rect(auto,auto,auto,100px);
            margin-left: 0px;
        }
        #slidingBlock h4
        {
            float: left;
            width: 82px;
            height: 30px;
            line-height: 25px;
            text-align: center;
            font-size: 12px;
            over-flow: hidden;
        }
        #slidingBlock h4.menuNo
        {
            font-weight: normal;
            color: #333333;
            background: url(images/slidingMenuLine.gif) repeat-x;
        }
        #slidingBlock h4.menuOn
        {
            font-weight: bold;
            color: #ffffff;
            background: url(images/slidingMenu.gif) no-repeat;
        }
        #slidingBlock DIV.slidingList_none
        {
            display: none;
        }
        #slidingBlock DIV.slidingList
        {
            margin: 0px;
            padding: 5px;
            height: 150px;
        }
        #slidingBlock DIV.slidingList ul
        {
            margin: 0px;
            padding: 0px;
        }
        #slidingBlock DIV.slidingList li
        {
            height: 20px;
            line-height: 177px;
        }
        #slidingBlock DIV.slidingList li span
        {
            font-size: 12px;
            font-weight: normal;
            color: #ffffff;
            padding-left: 4px;
            padding-right: 8px;
        }
        #slidingBlock DIV.slidingList li.one
        {
            background: url(images/slidingTag1.gif) no-repeat;
        }
        #slidingBlock DIV.slidingList li.two
        {
            background: url(images/slidingTag2.gif) no-repeat;
        }
        #slidingBlock DIV.slidingList li.thr
        {
            background: url(images/slidingTag3.gif) no-repeat;
        }
        #slidingBlock DIV.slidingList li.for
        {
            background: url(images/slidingTag4.gif) no-repeat;
        }
        #slidingBlock DIV.slidingList li.fiv
        {
            background: url(images/slidingTag5.gif) no-repeat;
        }
        #slidingBlock DIV.slidingList li.six
        {
            background: url(images/slidingTag6.gif) no-repeat;
        }
        .STYLE16
        {
            font-size: x-large;
        }
        .STYLE20
        {
            font-size: 18px;
        }
        .STYLE25
        {
            font-size: 14px;
        }
        .STYLE34
        {
            font-size: 14px;
            color: #9D0A0A;
        }
        .STYLE36
        {
            font-size: 14px;
            font-weight: bold;
            color: #9D0A0A;
        }
        .STYLE38
        {
            color: #9D0A0A;
        }
        .STYLE39
        {
            font-size: 14px;
            font-style: italic;
            color: #9D0A0A;
        }
        .STYLE40
        {
            color: #CC0000;
        }
    </style>
</head>
<body>
    <!--body start -->
    <div id="body">
        <!--left start -->
        <div id="left">
            <a href="index.html">
                <img src="images/logo.gif" alt="import" width="300" height="108" border="0" class="logo" /></a>
            <!--member start -->
            <iframe id="myframe" src="login.aspx" height="200" scrolling="no" frameborder="0">
            </iframe>
            <!--member end -->
            <!--story start -->
            <!--story start -->
            <!--story end -->
            <!--story end -->
            <!--ser start -->
            <!--ser end -->
            <!--help start -->
            <!--help end -->
            <div id="right2">
                <h2>
                    本周人气排行</h2>
                <a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        1.蜘蛛侠</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        2.风云</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        3.叶问</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        4.阿凡达</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        4.阿凡提</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        5.燕尾服</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        6.锦衣卫</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        7.盗梦空间</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        8.海尔兄弟</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        9.狮子王</h3>
                </a><a href="movieDetailedInfo.aspx?videoId=70l">
                    <h3>
                        10.黑猫警长</h3>
                </a>
                <br class="spacer" />
            </div>
        </div>
        <!--left end -->
        <!--right start -->
        <div id="right">
            <div align="right">
                关键字类型：<select id="Select1" name="D1">
                    <option value="video_name">影片名称</option>
                    <option value="video_typeName">影片类型</option>
                    <option value="video_director">影片导演</option>
                    <option value="video_actors">主要演员</option>
                    <option value="video_naiton">出产国家</option>
                </select>&nbsp;&nbsp;
                <input id="keyWordTxt" type="text" value="请输入关键字搜索" onfocus="if(value==defaultValue){value='';this.style.color='#000'}"
                    onblur="if(!value){value=defaultValue;this.style.color='#999'}" style="color: #999999" /><input
                        type="button" value="搜索" onclick="window.location.href='./searchResult.aspx?keyType=' + document.getElementById('Select1').options[document.getElementById('Select1').options.selectedIndex].value + '&keyWord=' + document.getElementById('keyWordTxt').value + '&pageNo=1'" /></div>
            <ul class="nav">
                <li><a href="./index.aspx">主页</a></li>
                <li><a href="./creditPay.aspx" class="hover">购卡</a></li>
                <li><a href="./charge.aspx">充值</a></li>
                <li><a href="./searchResult.aspx?keyType=video_name&pageNo=1&keyWord=">影片库</a></li>
                <li><a href="./PostList.html">公告列表</a></li>
                <li><a href="./NewsList.html">新闻列表</a></li>
                <li class="noBor"><a href="http://www.bjtu.edu.cn">联系我们</a></li>
            </ul>
            <br class="spacer" />
            <form id="form1" runat="server">
            <h2>
                <asp:Label ID="Label1" runat="server" Text="我要购卡"></asp:Label>
            </h2>
            <p class="rightTxt">
                <table>
                    <tr>
                        <td>

                                        <asp:Image ID="Image1" runat="server" ImageUrl="~/frontStage/images/pay_way_pic_3.gif" />
                                        </td>
                                        <td>
                                        <asp:Label ID="Label2" runat="server" Text="你选择了 银行卡 方式充值，请填写以下信息："></asp:Label>
                                    </td>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <asp:Label ID="Label3" runat="server" Text="充值卡类型："></asp:Label>
                        </td>
                        <td>
                            <asp:RadioButtonList ID="RadioButtonList1" runat="server">
                                <asp:ListItem>月卡（30元）</asp:ListItem>
                                <asp:ListItem>季卡（90元）</asp:ListItem>
                                <asp:ListItem>年卡（360元）</asp:ListItem>
                            </asp:RadioButtonList>
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <asp:Label ID="Label4" runat="server" Text="选择银行："></asp:Label>
                        </td>
                        <td>
                            <asp:RadioButtonList ID="RadioButtonList2" runat="server">
                                <asp:ListItem>中国工商银行</asp:ListItem>
                                <asp:ListItem>中国农业银行</asp:ListItem>
                                <asp:ListItem>招商银行</asp:ListItem>
                                <asp:ListItem>中国建设银行</asp:ListItem>
                                <asp:ListItem>中国银行</asp:ListItem>
                                <asp:ListItem>交通银行</asp:ListItem>
                            </asp:RadioButtonList>
                        </td>
                    </tr>
                </table>
                <asp:Button ID="Button1" runat="server" Text="充值" OnClick="Button1_Click" />
                <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="返回" />
            </p>
            </form>
            <!--right1 end -->
        </div>
        <!--right end -->
        <br class="spacer" />
    </div>
    <!--nav,start-->
    <!-- JiaThis Button BEGIN -->

    <script type="text/javascript" src="http://v1.jiathis.com/code/jiathis_r.js?move=0&amp;btn=r2.gif"
        charset="utf-8"></script>

    <!-- JiaThis Button END -->
    <!--nav,end-->
    <!--body end -->
    <!--footer start -->
    <div id="footer">
        <ul>
            <li><a href="#">&#20027;&#39029;</a>| </li>
            <li><a href="#">&#36141;&#21345;</a>| </li>
            <li><a href="#">&#20805;&#20540;</a>| </li>
            <li><a href="#">&#24433;&#29255;&#24211;</a>| </li>
            <li><a href="#">&#20844;&#21578;&#21015;&#34920;</a>| </li>
            <li><a href="#">&#26032;&#38395;&#21015;&#34920;</a>| </li>
            <li><a href="#">&#32852;&#31995;&#25105;&#20204;</a>| </li>
        </ul>
        <p class="copyright">
            Copyright ©BJTU 2011. All Rights Reserved.</p>
        <p class="design">
            Designed by : <a href="http://www.templateworld.com/" target="_blank" class="link">Icoder
                Group </a>
        </p>
    </div>
    <!--footer end -->

    <script type="text/javascript" src="http://www.web600.net/js/fixedFooterAD.js"></script>

</body>
</html>
